<template>
    <div class="home">
        <!-- 3、组件调用 -->
        <Header></Header>
        <!-- 可以标签对<v-headerApp></v-headerApp>，也可以单个标签<v-headerApp /> -->
        <v-headerApp></v-headerApp>
        <Classify></Classify>
        <Goods></Goods>
    </div>
</template>
   
<script>
    /**1、引入组件，后缀.vue可以省略 */
    import Header from './Header.vue'
    import HeaderApp from './HeaderApp.vue'
    import Classify from './Classify.vue'
    import Goods from './Goods.vue'
    export default {
        data() {
            return {}
        },
        /**2、组件注册定义 */
        components: {
            /* 'v-header':Header 可以重命名为v-header，然后通过<v-header></v-header>调用*/
            Header,/**可以直接使用Header注册定义，等价于Header:Header，ES6规定当键值对一样时可以省略写一个 */
            'v-headerApp':HeaderApp,
            Classify,
            Goods
        }
    };
</script>
   
<style scoped>

</style>





